<!--团队成员历史业绩-->
<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backButtonClick($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>直播情况</ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
    <div class="fixed-bar">
        <div class="select-warp" (click)="openSelect()">
            <span [ngClass]="currentGroupName=='请选择'?'chooseGroup':''">
                {{currentGroupName}}
            </span>
            <i></i>
        </div>

        <div class="filter-warp">
        </div>
    </div>
    <div class="performanceHead">
        <div class="groupType">
            <span class="divLeft">直播标题</span>
            <span class="typeName">类型</span>
            <span class="thisYear">时间</span>
            <span class="watched">已观看</span>
            <span>未观看</span>
        </div>
    </div>
</ion-header>
<ion-content>

    <div class="groupList">
        <div class="oneStepGroup">
            <div *ngIf=" livShowData.webcastList && livShowData.webcastList.length === 0 && isLoaded " class="no-data">
                <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
                <div class="no-data-txt">没有相关数据</div>
            </div>
            <div class="groupItem" *ngFor="let a of livShowData.webcastList" (click)="goToLiveShowDetail(a.id,a.name,a.time)">

                <div class="leaderName">
                   {{a.name}}
                </div>
                <div class="groupRight">
                    <span class="title">{{a.type}}</span>
                    <span class="showTime">{{ a.time | unixRsolvedPipe}}</span>
                    <span class="watched">{{a.watchedCount}}</span>
                    <span>{{a.notWatchedCount}}</span>
                </div>
            </div>
        </div>
    </div>

    <!--<ion-fab bottom right class="go-up">-->
        <!--<button ion-fab (click)="goUp()" color="light">-->
            <!--<img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">-->
        <!--</button>-->
    <!--</ion-fab>-->

    <div class="go-up" ion-fixed (click)="goUp()">
        <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
    </div>

</ion-content>
<ion-footer>
    <div>
        <span class="total">合计</span>
        <span >-</span>
        <span>-</span>
        <span>{{livShowData.watchedCount}}</span>
        <span>{{livShowData.notWatchedCount}}</span>
    </div>
</ion-footer>
